<template>
  <div class="home">
    <user-info/>
    <user-report/>
  </div>
</template>

<script>
import UserInfo from '../components/userInfo.vue'
import UserReport from '../components/userReport.vue'

export default {
  name: 'Home',
  components: {
    UserInfo,
    UserReport
  }
}
</script>

<style>
  body {
    margin: 0;
    padding: 0;
    background: url('../assets/images/bg.jpg');
    background-repeat: no-repeat;
    background-color: #388FFF !important;
    background-size: 100%;
    height: 100%;
  }

  @media all and (min-width:540px) {
    body {
      margin: 0 auto;
      width: 500px;
      background-size: 500px;
      background-position-x: 50%;
      font-size: 1.3em;
    }
  }
</style>
